<!-- directive:title dongsf::(VUE)(移动端)使用路由控制收集图片浏览 -->
<!-- directive:breadcrumb ext经验条 -->
<div class="panel-body">
    <p>详情页面点击查看大图后按手机回退键会导致回到列表，原因是退回上一路由。</p>
    <p>用户心理期待是关闭大图返回详情，解决方法如下：</p>
    <p>详情页面</p>
    <script type="text/xian" ui-bs>
        this.$router.push({name:'vacation-info'，query:{id:32} );
    </script>
    <p>不用直接控制变量的方式，用路由控制显示隐藏</p>
    <script type="text/xian" ui-bs>
        computed:{
            bigImg:function(){
                return this.$route.query.id ? false : true;
            }
        },
    </script>
    <p>点击小图显示大图</p>
    <script type="text/xian" ui-bs>
        this.$router.push({name:'vacation-info'}); //要跟原路由不同
    </script>
    <p>点击大图显示详情页</p>
    <script type="text/xian" ui-bs>
        this.$router.go(-1)
    </script>
</div>